<template>
  <div id="app">
      <!-- <el-input v-model="input" placeholder="请输入内容"></el-input> -->
      <k-input v-model='input' type="text" placeholder="请输入内容">
        <template v-slot:footer>
          <h1>footer</h1>
        </template>
        ]<template v-slot:main="{input2}">
          <h1>main{{input2}}</h1>
        </template>
        <template v-slot:header>
          <h1>header</h1>
        </template>
      </k-input>
      <!-- <k-input :value='input' @input="input = $event.target.value"></k-input> -->
      <!-- <input type="text" v-model='input'>
      <input type="text" :value='input' @input="input=$event.target.value"> -->
      {{input}}
  </div>
</template>
<script>
import KInput from './components/KInput.vue'
export default {
    data() {
      return {
        input:"",
      }
    },
    components: {
      KInput
    }
}
</script>

<style lang="scss">
</style>
